import { getToken, setToken, removeToken } from '@/utils/auth'
import { login, getUserProfile, getUserDetailById } from '@/api/user.js'

export default {
  namespaced: true,
  state: {
    token: getToken() || null,
    userInfo: {}// 用户个人信息
  },
  mutations: {
    setToken(state, newToken) {
      state.token = newToken
      // 持久化
      setToken(newToken)
    },
    removeToken(state) {
      state.token = null
      // 删除缓存
      removeToken()
    },
    // 设置用户信息
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    // 删除用户信息
    reomveUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    // data表示接口参数
    async userLogin(context, formData) {
      console.log('action userLogin', context, formData)
      // 调用ajax请求去做登陆
      const res = await login(formData)
      // 在actions中，如果要修改state，还是要调用mutaions
      // context.commit('mutation名'， 参数)
      context.commit('setToken', res.data)
    },
    async getUserInfo(context) {
      // ajax获取数据
      const rs = await getUserProfile()
      console.log('用来获取用户信息的,', rs)
      const info = await getUserDetailById(rs.data.userId)
      console.log('获取详情', info.data)
      context.commit('setUserInfo', { ...info.data, ...rs.data })
    },
    // 登出
    logout(context) {
      // 清除token
      context.commit('removeToken')
      // 清除用户信息
      context.commit('reomveUserInfo')
    }
  }
}

